<template>
  <div class="navWrapper" @click="handleClick">
    <div class="label">
      {{ labelText }}
    </div>
    <div class="desc">
      {{ descText }}
    </div>
    <span class="iconfont iconjiantou1"></span>
  </div>
</template>

<script>
export default {
  props: ['labelText', 'descText'],
  methods: {
    handleClick() {
      this.$emit('barClick')
    }
  }
}
</script>

<style lang="less" scoped>
.navWrapper {
  display: flex;
  align-items: center;
  padding: 4.444vw 0 4.444vw 0;
  border-bottom: 1px solid #e4e4e4;
  .label {
    font-size: 3.889vw;
    color: #333;
  }
  .desc {
    flex: 1;
    text-align: right;
    font-size: 3.333vw;
    color: #bbb;
    padding-right: 1.667vw;
  }
}
</style>
